@font-face {
  font-family: ZhuZiAWan;
  src: url("../fonts/ZhuZiAWan2.woff2") format("woff2");
}

* {
  box-sizing: border-box;
  font-family: ZhuZiAWan, sans-serif!important;
}

body {
  margin: 0;
  color: white !important;
}

li {
  list-style: none;
}

.card ul {
  padding: 0;
}

/* el-card组件样式格式化 */
.el-card {
  color: white !important;
  background-color: rgb(25 25 25) !important;
  border: 0 !important;
}

.el-card.is-hover-shadow:focus,
.el-card.is-hover-shadow:hover {
  box-shadow: 2px 2px 20px rgb(255 0 0 / 30%);
}

.card-border {
  border: 2px solid grey !important;
}

/* 文字外发光 */
@keyframes light_15px {
  0% {
    text-shadow: #5636ed 0 0 15px;
  }

  12.5% {
    text-shadow: #11ee5e 0 0 15px;
  }

  25% {
    text-shadow: #f14747 0 0 15px;
  }

  37.5% {
    text-shadow: #f1a247 0 0 15px;
  }

  50% {
    text-shadow: #f1ee47 0 0 15px;
  }

  50% {
    text-shadow: #b347f1 0 0 15px;
  }

  62.5% {
    text-shadow: #002afa 0 0 15px;
  }

  75% {
    text-shadow: #ed709b 0 0 15px;
  }

  87.5% {
    text-shadow: #39c5bb 0 0 15px;
  }

  100% {
    text-shadow: #5636ed 0 0 15px;
  }
}

@keyframes light_10px {
  0% {
    text-shadow: #5636ed 0 0 10px;
  }

  12.5% {
    text-shadow: #11ee5e 0 0 10px;
  }

  25% {
    text-shadow: #f14747 0 0 10px;
  }

  37.5% {
    text-shadow: #f1a247 0 0 10px;
  }

  50% {
    text-shadow: #f1ee47 0 0 10px;
  }

  50% {
    text-shadow: #b347f1 0 0 10px;
  }

  62.5% {
    text-shadow: #002afa 0 0 10px;
  }

  75% {
    text-shadow: #ed709b 0 0 10px;
  }

  87.5% {
    text-shadow: #39c5bb 0 0 10px;
  }

  100% {
    text-shadow: #5636ed 0 0 10px;
  }
}

@keyframes light_5px {
  0% {
    text-shadow: #5636ed 0 0 5px;
  }

  12.5% {
    text-shadow: #11ee5e 0 0 5px;
  }

  25% {
    text-shadow: #f14747 0 0 5px;
  }

  37.5% {
    text-shadow: #f1a247 0 0 15px;
  }

  50% {
    text-shadow: #f1ee47 0 0 5px;
  }

  50% {
    text-shadow: #b347f1 0 0 5px;
  }

  62.5% {
    text-shadow: #002afa 0 0 5px;
  }

  75% {
    text-shadow: #ed709b 0 0 5px;
  }

  87.5% {
    text-shadow: #39c5bb 0 0 5px;
  }

  100% {
    text-shadow: #5636ed 0 0 5px;
  }
}

/* 头像呼吸灯 */
[data-theme="light"] {
  animation: huxi_light 4s ease-in-out infinite;
}

[data-theme="dark"] {
  animation: huxi_dark 4s ease-in-out infinite;
}

@keyframes huxi_light {
  0% {
    box-shadow: 0 0 1px 1px #9ff2d2;
  }

  50% {
    box-shadow: 0 0 5px 5px #9ff2d2;
  }

  100% {
    box-shadow: 0 0 1px 1px #9ff2d2;
  }
}

@keyframes huxi_dark {
  0% {
    box-shadow: 0 0 1px 1px #39c5bb;
  }

  50% {
    box-shadow: 0 0 5px 5px #39c5bb;
  }

  100% {
    box-shadow: 0 0 1px 1px #39c5bb;
  }
}

.zoomIn {
  visibility: visible;
  animation-name: zoomIn;
  animation-duration: 2s;
  animation-delay: 200ms;
  animation-iteration-count: 1;
}

@keyframes zoomIn {
  0% {
      transform: scale3d(.3,.3,.3);
      opacity: 0
  }

  50% {
      opacity: 1
  }
}

#tsparticles {
  position: relative;
  z-index: -888;
}